﻿<!doctype html>
<html>
<head>
    <meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta charset="utf-8">
    <title>首页</title>
    <link href="css/css.css" rel="stylesheet" type="text/css">
     <link href="css/iconfont.css" rel="stylesheet" type="text/css">
</head>

<body>
    <!----------------头部定位---------------------------->
    <div class="header">
        <span class="headleft">
            <span class="sys"><i class="iconfont icon-saoyisao"></i><br />扫一扫</span>
        </span>
        <span class="tbbiaoti">
        	<div class="logo"><img src="images/logo.png" /></div>
        </span>
        <span class="headright">
        	<p class="hquan"></p>
            <span class="xiaox"><i class="iconfont icon-xiaoxi"></i><br/>消息</span>
        </span>
        <div class="syssk">
            <a class="sskny">
                <p>搜索您喜欢的店铺/商品</p>
                <span><i class="iconfont icon-sousuo"></i></span>
            </a>
        </div>
    </div>
    <!----------------内容开始---------------------------->
    <div class="main">
        <!----------------轮播广告--------------------- ------->
        <div class="banner">
            <img src="images/banner1.jpg">
        </div>
        <!----------------首页导航---------------------------->
        <div class="navbg mbtopbottom">
            <ul class="nav nav-tubiao">
                <li><i class="iconfont icon-fenlei"></i><span>商品分类</span></li>
                <li><i class="iconfont icon-qian"></i><span>充值</span></li>
                <li><i class="iconfont icon-xingxing"></i><span>领星币</span></li>
                <li><i class="iconfont icon-leijiyonghu"></i><span>全民商探</span></li>
                <li><i class="iconfont icon-wuliu"></i><span>物流查询</span></li>
                <li><i class="iconfont icon-icon"></i><span>惠赚钱</span></li>
                <li><i class="iconfont icon-20140915070601756easyiconnet"></i><span>星粉联</span></li>
                <li><i class="iconfont icon-guanzhu1"></i><span>我的关注</span></li>
            </ul>

        </div>

        <!----------------滚动信息---------------------------->
        <div class="syhgdbg mbbottom">
            <p class="sskbz mbright"><img src="images/sskbz.png"></p>
            <ul class="syhg">
                <li><a href="javascript:void(0);">限量首发 秒到手软 女神陪你过七夕<span class="rejian"><img src="images/re.png"></span></a></li>
            </ul>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img src="images/ggtu1.jpg"></a></div>
        <!----------------产品模块一---------------------------->
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星粉星币</em><span><strong>全场火热兑换中</strong><a href="#"><i class="iconfont icon-jiantou2"></i></a></span></h2>
            <div class="mkyis mbbottom">
                <p class="mkytu1 mbright"><a href="javascript:void(0);"><img src="images/mkytu1.jpg"></a></p>
                <p class="mkytu2">
                    <span class="mbbottom"><a href="javascript:void(0);"><img src="images/mkytu2.jpg"></a></span>
                    <span><a href="javascript:void(0);"><img src="images/mkytu3.jpg"></a></span>
                </p>
            </div>
            <div class="mkyix">
                <dl class="chanpin mbright">
                    <dt><img src="images/mkytu4.jpg"></dt>
                    <dd>爱国者移动电源K10</dd>
                    <dd class="jinqian"><span class="jinbi fon-size"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money fon-size">￥24</span></dd>
                </dl>
                <dl class="chanpin mbright">
                    <dt><img src="images/mkytu5.jpg"></dt>
                    <dd>倩碧黄油乳液30ml</dd>
                    <dd class="jinqian"><span class="jinbi fon-size"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money fon-size">￥24</span></dd>
                </dl>
                <dl class="chanpin">
                    <dt><img src="images/mkytu6.jpg"></dt>
                    <dd>漫步者游戏耳机</dd>
                    <dd class="jinqian"><span class="jinbi fon-size"><b><img src="images/jbtub.jpg"></b>70</span>+<span class="money fon-size">￥24</span></dd>
                </dl>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img src="images/ggtu2.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星发现</em><span><a href="#"><b class="icon-right"></b></a></span></h2>
            <div class="mkyis mbbottom">
                <p class="mkytu1 mketu1 mbright"><a href="javascript:void(0);"><img src="images/mketu1.jpg"></a></p>
                <p class="mkytu2 mketu2">
                    <a href="javascript:void(0);"><img src="images/mketu2.jpg"></a>
                </p>
            </div>
            <div class="mkeix">
                <p class="mbright"><a href="javascript:void(0);"><img src="images/mketu3.jpg"></a></p>
                <p class="mbright"><a href="javascript:void(0);"><img src="images/mketu4.jpg"></a></p>
                <p class="mbright"><a href="javascript:void(0);"><img src="images/mketu5.jpg"></a></p>
                <p><a href="javascript:void(0);"><img src="images/mketu6.jpg"></a></p>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img src="images/ggtu3.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>品牌特惠</em><span><a href="#"><b class="icon-right"></b></a></span></h2>
            <div class="mkyis mbbottom">
                <p class="mkytu1 mkstu1"><a href="javascript:void(0);"><img src="images/mkstu1.jpg"></a></p>
                <p class="mkytu2 mkstu2">
                    <span class="mkshz mbbottom"><a href="javascript:void(0);"><img src="images/mkstu2.jpg"></a><a href="javascript:void(0);"><img src="images/mkstu3.jpg"></a></span>
                    <span class="mkshz mbbottom"><a href="javascript:void(0);"><img src="images/mkstu4.jpg"></a><a href="javascript:void(0);"><img src="images/mkstu5.jpg"></a></span>
                    <span class="mkshz"><a href="javascript:void(0);"><img src="images/mkstu6.jpg"></a><a href="javascript:void(0);"><img src="images/mkstu7.jpg"></a></span>
                </p>
            </div>
            <div class="mksx">
                <p class="mbright"><a href="javascript:void(0);"><img src="images/mkstu8.jpg"></a></p>
                <p class="mbright"><a href="javascript:void(0);"><img src="images/mkstu9.jpg"></a></p>
                <p><a href="javascript:void(0);"><img src="images/mkstu10.jpg"></a></p>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img src="images/ggtu4.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星店铺</em><span><a href="#"><b class="icon-right"></b></a></span></h2>
            <div class="mksis">
                <div class="mksxdp">
                    <p class="syxdp1 mbboder"><a href="#"><img src="images/xdptu1.jpg"></a></p>
                    <p class="syxdp2"><span><a href="#"><img src="images/xdptu3.jpg"></a></span><span class="margin5"><a href="#"><img src="images/xdptu2.jpg"></a></span></p>
                    <p class="sysdp3"><a href="#">美容护肤</a></p>
                </div>
            </div>
        </div>
        <div class="muokuaibg mbtopbottom margin5">
            <div class="xdpx mbbottom">
                <p class="mbright xdpx1"><a href="#"><span><i>沙宣魅力团</i><br /><b>￥155.0</b><br /><em>499.0</em></span><b></b><img src="images/xdpxtu1.jpg"></a></p>
                <p class="xdpx1"><a href="#"><span><i>八年泸州老窖</i><br /><b>￥488.0</b><br /><em>1030.0</em></span><b></b><img src="images/xdpxtu2.jpg"></a></p>
            </div>
            <div class="xdpx">
                <p class="mbright xdpx1"><a href="#"><span><i>达利园</i><br /><b>￥8.3</b><br /><em>58.3</em></span><b></b><img src="images/xdpxtu3.jpg"></a></p>
                <p class="xdpx1"><a href="#"><span><i>倍俪工厂店</i><br /><b>￥155.0</b><br /><em>499.0</em></span><b></b><img src="images/xdpxtu4.jpg"></a></p>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img src="images/ggtu5.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星主题</em><span><a href="#"><b class="icon-right"></b></a></span></h2>
            <div class="mklius mbbottom">
                <div class="mkliutu1 mbright">
                    <p class="mkliu1"><a href="#"><span><i>瓷肌黄金导航提拉套装补水保湿提拉紧致抗皱</i><br /><b>￥699.0</b></span><b></b><img src="images/mkwutu1.jpg"></a></p>
                </div>
                <div class="mkliutu2  mbbottom ">
                    <dl class="mkliu2 mbleft">
                        <dt><a href="javascript:void(0);"><img src="images/mkwutu2.jpg"></a></dt>
                        <dd>中国梦 梦之蓝<br /><span>￥780.0</span></dd>
                    </dl>
                    <dl class="mkliu2">
                        <dt><a href="javascript:void(0);"><img src="images/mkwutu3.jpg"></a></dt>
                        <dd>奥利奥蛋糕<br /><span>￥188.0</span></dd>
                    </dl>
                </div>
                <div class="mkliutu2">
                    <dl class="mkliu2  mbright">
                        <dt><a href="javascript:void(0);"><img src="images/mkwutu4.jpg"></a></dt>
                        <dd>炫迈 薄荷口香糖<br /><span>￥18.0</span></dd>
                    </dl>
                    <dl class="mkliu2">
                        <dt><a href="javascript:void(0);"><img src="images/mkwutu5.jpg"></a></dt>
                        <dd>海信LED电视机<br /><span>￥2399.0</span></dd>
                    </dl>
                </div>
            </div>
            <div class="mkliux mbbottom">
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img src="images/mkwutu6.jpg"></a></dt>
                    <dd>韶能 汽车安全用纸<br /><span>￥15.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img src="images/mkwutu7.jpg"></a></dt>
                    <dd>飞利浦 无线监视器<br /><span>￥788.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3">
                    <dt><a href="javascript:void(0);"><img src="images/mkwutu8.jpg"></a></dt>
                    <dd>宝宝纯棉内衣连体衣<br /><span>￥62.7</span></dd>
                </dl>
            </div>
            <div class="mkliux">
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img src="images/mkwutu9.jpg"></a></dt>
                    <dd>创悦 多功能跑步机<br /><span>￥2399.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img src="images/mkwutu10.jpg"></a></dt>
                    <dd>沙宣润发水150ml<br /><span>￥88.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3">
                    <dt><a href="javascript:void(0);"><img src="images/mkwutu11.jpg"></a></dt>
                    <dd>尤妮佳MOMYKOPO尿片<br /><span>￥140.0</span></dd>
                </dl>
            </div>
        </div>
        <div class="cnxhdbg">
            <h2 class="cnxhdbiaoti"><span class="bghui">猜你喜欢的</span></h2>
            <ul class="cnxhd">
                <li class="syxhd">
                    <dl>
                        <dt><img src="images/cnxhdtu1.jpg"></dt>
                        <dd>Samsung/三星 Galaxy Tab3 7.0 SM-T210 WIFI 8GB三星平板电脑 </dd>
                        <dd class="xhmony">￥819.00</dd>
                    </dl>
                </li>
                <li class="syxhd">
                    <dl>
                        <dt><img src="images/cnxhdtu2.jpg"></dt>
                        <dd>飞利浦 儿童耳机头戴式双耳耳机蓝色 </dd>
                        <dd class="xhmony">￥296.0</dd>
                    </dl>
                </li>
                <li class="syxhd">
                    <dl>
                        <dt><img src="images/cnxhdtu3.jpg"></dt>
                        <dd>都市余味零食碧根果178g  </dd>
                        <dd class="xhmony">￥21.9</dd>
                    </dl>
                </li>
                <li class="syxhd">
                    <dl>
                        <dt><img src="images/cnxhdtu4.jpg"></dt>
                        <dd>Samsung/三星 Galaxy Tab3 7.0 SM-T210 WIFI 8GB三星平板电脑 </dd>
                        <dd class="xhmony">￥1219.00</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!----------------底部定位---------------------------->
    <div class="footbg">
        <ul class="foot">
            <li class="color-fff"><i class="iconfont icon-shouye"></i><br />首页</li>
            <li><i class="iconfont icon-classification01"></i><br />分类</li>
            <li><i class="iconfont icon-star01"></i><br />星粉星币</li>
            <li class="ftgwc"><span>3</span><i class="iconfont icon-gouwuche"></i><br /><b class="dbgwc">购物车</b></li>
            <li><i class="iconfont icon-wode"></i><br />我的</li>
        </ul>
    </div>
    <div class="top"><a href="#"><img src="images/top.png" /></a></div>
</body>
</html>
